import React, { Component } from 'react';
/*  jsx是一个不可变的对象，当我们创建完成之后就不可以被改变，这个被创建的元素就像电影的某一帧一样， 处于一个确定的时间点上，不管放多少遍都一样,见下面的代码，如果想要改变root的内容，只能通过render重新覆盖 */
/* 对于大多数react应用来说，React。render只会调用一次，在建立和吧内部的数据传递给试图的过程，React做了如下的事情
1. 在真实dom和react应用之间简历一个过渡层，这个过渡层一般被称为虚拟dom，虽然不是真的dom，但是和真实dom一样的处理机制，所有的操作都会在虚拟dom上进行处理，然后才更新到dom节点上。
2. react在渲染dom节点的时候，智慧渲染改变了的节点，比如下面的时间代码，他只会更新大括号里面的代码，其它的都不会改变
3. 在组件的属性或者状态发生改变的时候，react会比较久的dom和新的dom是否不同来确定当前dom节点更新的必要性，如果不同，react就会更新dom节点，来减少重绘和重排，之所以可以这样做，是因为他们有公告的根节点，
4. 在写代码的过程中可以通过一个函数去控制当前的组件是否需要进行更新，什么时候一定要更新，什么时候不更新，这个函数叫做shouldComponentUpdate生命周期更新函数，这个函数会法身在重新render视图渲染之前，这个函数在react中默认返回true，然后会执行render进行更新
5. react render渲染的几种情况。 
- 首次加载
- setstate改变组件内部state
- 接收到新的props
*/
/*
function tick() {
    const el = (
      <div>
        <h1>Hello, world!</h1>
        <h2>It is {new Date().toString()}.</h2>
      </div>
    );
    ReactDOM.render(
      el,
      document.getElementById('root')
    );
  }
  setInterval(tick, 1000);
*/
class Permission extends Component {
    render() {
        return (
            <div>
                这是权限页面
            </div>
        )
    }
}
export default Permission;
